Page({
  data: {
    items: '',
    totalPrice: 0,
    elements: [
      { image: '../../image/fru/005.jpg',name:'橘子', title: '正宗无锡阳山水蜜桃新鲜水果当季整箱应季湖景白凤软甜礼盒旗舰店',  price: '9.9' },
      { image: '../../image/fru/006.jpg', name:'红苹果',title: '黄心油桃新鲜应当季水果树上熟整箱黄桃子3/5斤现摘脆甜非毛桃', price: '10.9' },
      { image: '../../image/fru/007.jpg',name:'苹果', title: '陕西正宗洛川苹果脆甜当季新鲜水果红富士冰糖心丑苹果大果一级', price: '15' },
      { image: '../../image/fru/008.jpg',name:'柑橘', title: '山东黄金维纳斯苹果新鲜应当季水果烟台苹果非黄元帅奶油富士整箱', price: '4.9' },
  ],
    info:[
      {image:'../../image/fru/001.jpg',price:10},
      {image:'../../image/fru/002.jpg',price:9.9},
      {image:'../../image/fru/003.jpg',price:20.9},
      {image:'../../image/fru/004.jpg',price:2.5},
      {image:'../../image/fru/005.jpg',price:25.6},
      {image:'../../image/fru/006.jpg',price:56.2},
      {image:'../../image/fru/007.jpg',price:25},
      {image:'../../image/fru/008.jpg',price:44},
      {image:'../../image/fru/009.jpg',price:7.9},
    ],
  },

  onLoad() {
    console.log(this.data.items);
    const shop=wx.getStorageSync('car') || [];
    this.setData({
      items:shop
    })
  },
  // fetchCartList() {
  //   wx.request({
  //     url: 'http://123.57.4.50:8086/admin/get_cart_list',
  //     success: async (res) => {
  //       try {
  //         const data = res.data.data;
  //         const newItems = await this.processCartItems(data);
  //         this.setData({ items: newItems });
  //         this.updateTotalPrice();
  //       } catch (error) {
  //         console.error("Error processing cart items:", error);
  //       }
  //     },
  //     fail: (error) => {
  //       console.error("Failed to fetch cart list:", error);
  //     }
  //   });
  // },
  // async processCartItems(data) {
  //   return data.map((item, index) => ({
  //     id: index,
  //     title: item,
  //     checked: false,
  //     quantity: 1,
  //     image: this.data.info[index].image,
  //     price: this.data.info[index].price
  //   }));
  // },
  
// 监听勾选
CheckChange(e) {
  const { title,checked } = e.detail;
  const items = this.data.items.map(item =>
      item.title === title ? { ...item, checked: checked} : item
    );
  this.setData({ items });
  this.updateTotalPrice();
},

quantityChange(e) {
  const quantity = e.detail.quantity;
  const id = e.currentTarget.id;
  const items = this.data.items
      .map(item => item.id == id ? { ...item, quantity } : item)  // 更新数量
      .filter(item => item.quantity > 0);  // 过滤掉数量为 0 的项

  this.setData({ 
      items: items
  });
  this.updateTotalPrice();
},

  updateTotalPrice() {
    const totalPrice = this.data.items.reduce((total, item) => {
      if (item.checked) {
        return total + item.price * item.quantity;
      }
      return total;
    }, 0);
    this.setData({ totalPrice });
  },


  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})